import React, { Component } from 'react';
import './application.scss'

class Com extends Component {
  render () {
    return (
      <div className="application_box">
        <header className="application_header">
          <p>应用中心</p>
          <div className="color_rect"></div>
        </header>
        <div className="application_content">
          <div className="office">
            <div className="title">校务办公</div>
            <div className="list">
              <div className="list_item">
                <img src="./images/application_ images/application_08.png" alt="" id="img08" onClick={() => {
                  // 在此处跳转到对应页面
                  this.props.history.push('/application/signin')
                }}/>
                <label htmlFor="img08">教师签到</label>
              </div>
              <div className="list_item">
                <img src="./images/application_ images/application_03.png" alt="" onClick={() => {
                  this.props.history.push('/application/visitor')
                }}/>
                <label htmlFor="img03">访客管理</label>
              </div>
              <div className="list_item">
                <img src="./images/application_ images/application_11.png" alt="" onClick={() => {
                  this.props.history.push('/application/schoolnotice')
                }}/>
                <label htmlFor="img11">校园通知</label>
              </div>
              <div className="list_item">
                <img src="./images/application_ images/application_05.png" alt="" onClick={() => {
                  this.props.history.push('/application/schoolnews')
                }}/>
                <label htmlFor="img05">校园新闻</label>
              </div>
            </div>
          </div>
          <div className="management">
            <div className="title">班级管理</div>
            <div className="list">
              <div className="list_item">
                <img src="./images/application_ images/application_17.png" alt="" onClick={() => {
                  this.props.history.push('/application/class_notice')
                }}/>
                <label htmlFor="img17">班级通知</label>
              </div>
              <div className="list_item">
                <img src="./images/application_ images/application_18.png" alt="" onClick={() => {
                  this.props.history.push()
                }}/>
                <label htmlFor="img18">班级动态</label>
              </div>
            </div>
          </div>
          <div className="wisdom_school">
            <div className="title">智慧校园</div>
            <div className="list">
              <div className="list_item">
                <img src="./images/application_ images/application_21.png" alt="" onClick={() => {
                  this.props.history.push('/application/equipment/equipment')
                }}/>
                <label htmlFor="img21">设备管控</label>
              </div>
              <div className="list_item">
                <img src="./images/application_ images/application_22.png" alt="" onClick={() => {
                  this.props.history.push('/application/card/index')
                }}/>
                <label htmlFor="img22">一卡通管理</label>
              </div>
            </div>
          </div>
        </div>
      </div>
    )
  }
}

export default Com